#root{
  max-width: 1200px;
  transform: translate(0);
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}
body{
  background-color: rgb(228, 228, 228)!important;
}
.ant-collapse-content-box{
  background-color: rgb(248,248,248)!important;
  padding: 0!important;
  margin: 0!important;
}
.ant-btn-danger:hover, .ant-btn-danger:focus{
  color: white;
  background:orange;
}
.ant-drawer-body{
  margin: 0;
  padding: 0;
  background-color: rgb(248,248,248);
}
.ant-drawer-body h1{
  font-size: 1.5em;
}

.ant-collapse-header{
  overflow: hidden;
  border: 0px;
  border-radius: 2px;
  padding: 0!important;
}
.ant-collapse-content {
  background-color: rgb(248,248,248);
}
.balanceProgress .ant-progress-inner{
  background-color: #dbdbda;
}
.monthBalance .ant-progress,
.monthBalance .ant-progress-outer,
.monthBalance .ant-progress-inner{
  width: 100px;
  height: 2px;
  margin: -8px 0 -5px 0;
}
.monthBalance .ant-progress-bg{
  transform: translateY(-1px);
  height: 4px;
}
.monthBalance .ant-progress-inner{
  background-color: rgb(209, 209, 209);
}

.balanceA .ant-progress,
.balanceA .ant-progress-outer,
.balanceA .ant-progress-inner{
  margin: -25px 0 -5px 0!important;
}

#root{
  min-width: 1000px!important;
}

 .ant-popover-inner-content{
  padding: 0!important;
  background-color: rgb(248,248,248);
  border-radius:0 0 15px 15px;
}
.ant-popover-inner{
  border-radius: 15px;
}
.pop .ant-card-body{
  padding: 12px;
}
.templateDrawer .ant-card-body{
  padding: 2px 20px;
}
.ant-switch-handle{
  position: absolute;
    top: 0px;
    left: -6px;
    width: 30px;
    height: 30px;
}
.ant-menu-item a{
  color: #757575;
}
.ant-menu-item a:active{
  color: #eee;
}
.ant-drawer-content{
  max-width: 1200px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.45);
}